@charset "utf-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td { margin:0; padding:0; }
table, td { border-collapse:collapse; border:0; }
a img, img { border:0; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input { border:0; font-size:100%; }
textarea {
  outline: none;
  font: 14px/1.8 "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif";
  resize: none; }

select {
  font-family: "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }

input, button {
  border: none;
  outline: none;
  font-family: "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif"; }
label{cursor: pointer;}
input,textarea,img,video,object{box-sizing: border-box;}
/* end reset */
/* ==float clear && grid == */
.fix { clear:both; zoom:1; }
.fix:after { display:block; clear:both; height:0; overflow:hidden; visibility:hidden; content:"."; }
/*common*/
body {  font-family: "PingFangSC-Regular", "HelveticaNeue-Light", "Helvetica Neue Light", "Microsoft YaHei", "sans-serif";text-align: left;color: #1A1A1A;background: white;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased}
a { color:#66717c; text-decoration:none; }
a:hover { text-decoration:none;}
.arial { font-family:Arial, Helvetica, sans-serif;}
.red { color:red;}
.fl { float:left;}
.fr { float:right;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clip{position: absolute;clip:rect(0,0,0,0); }
.tc{text-align: center}
.flex{display: flex;align-items: center;justify-content: space-between;}
.flex-1{flex: 1;}

